<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <title>悦章科技机构平台</title>
    <script src="/Public/static/jquery-2.0.3.min.js"></script>
    <script src="/Public/static/layer/layer.js"></script>
    <!--内容样式-->
    <link rel="stylesheet" href="__PUBLIC__/Home/css/style.css" />
</head>
<body>
<div class="main">
    <!--  头部  -->
    <include file="menu" />

    <!--  右侧内容  -->
    <div class="content">


        <div class= "ct-title">
            <div class="ctt-bt">交易详情</div>
            <div class="divclear"></div>
        </div>

        <div class="xsxq-box">
            <div class="xb-bt">基本信息</div>
            <div class="xb-nr">订单编号：<span>{$order.order_sn}</span></div>
            <div class="xb-nr">订单状态：<span><if condition="$order['is_pay'] eq 0">未完成<else/>已完成</if></span></div>
            <div class="xb-nr">订单类型：<span><if condition="$order['type'] eq 1">直播课<elseif condition="$order['type'] eq 2"/>面授课<else/>在线课</if></span></div>
            <div class="xb-nr">支付方式：
                <span>
                <if condition="$order['is_pay'] eq 0">
                    -
                    <else/>
                        <if condition="$order['pay_type'] eq 1">
                            微信支付
                            <else/>
                            支付宝支付
                        </if>
                </if>
                </span>
            </div>
            <div class="xb-nr">下单时间：<span>{$order.create_time|date='Y-m-d H:i',###}</span></div>
            <div class="xb-nr">付款时间：<span>{$order.pay_time}</span></div>
            <div class="divclear"></div>
            <div class="xb-bt">用户信息</div>
            <div class="xb-nr">用户昵称：<span>{$user.username}</span></div>
            <div class="xb-nr">手机号码：<span>{$user.mobile}</span></div>
            <div class="xb-nr" style="width: 50%;">联系地址：<span>{$user.address}</span></div>
            <div class="divclear"></div>
        </div>

        <div class= "ct-title" style="margin-top: 60px;">
            <div class="ctt-bt">商品信息</div>
            <div class="divclear"></div>
        </div>

        <div class="ct-table">
            <table width="100%" border="0">
                <tbody>
                <tr>
                    <th scope="col" width="13%" style="border-top-left-radius: 10px;">商品图片</th>
                    <th scope="col" width="25%">商品名称</th>
                    <th scope="col" width="12%">商品类型</th>
                    <th scope="col" width="10%">数量</th>
                    <th scope="col" width="10%">单价</th>
                    <th scope="col" width="10%">应付金额</th>
                    <th scope="col" width="10%">优惠金额</th>
                    <th scope="col" width="10%" style="border-top-right-radius: 10px;">实付金额</th>
                </tr>
                <volist name="list" id="vo">
                    <tr>
                        <td>
                            <div class="ctt-img">
                                <img src="{$vo.img_path}" />
                            </div>
                        </td>
                        <td>{$vo.name}</td>
                        <td><if condition="$order['type'] eq 1">直播课<elseif condition="$order['type'] eq 2"/>面授课<else/>在线课</if></td>
                        <td>{$vo.count}</td>
                        <td>￥{$vo.old_price}</td>
                        <td>￥{$vo.price}</td>
                        <td>￥{$vo.preferential_amount}</td>
                        <td>￥{$vo.price}</td>
                    </tr>
                </volist>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
</html>
